<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<script src="../../lib/echarts.min.js"></script>
	<script src="../../lib/jquery.js"></script>
	<link rel="stylesheet" type="text/css" href="../../css/fontStyle.css">
</head>
<body>

	<div id="main" style="position:absolute;z-index:80;width:100%;height:100%;"></div>
	<div id="text" style="position:absolute;z-index:100;width:100%;height:100%;"></div>
	<style>
		*{
			margin:0;
			padding:0;
		}
		html, body{
			height: 100%;
			width:100%;
		}
		canvas {
			display: block;
		}
		#sub *{
			display: block;
		}

	</style>
	<script type="text/javascript">

var myChart = echarts.init(document.getElementById('main'));
var zr = myChart.getZr();

var _width = $("main").width();
var _height = $("main").height();

	</script>
	<script type="text/javascript" src="../../js/m_data.js"></script>
	<script type="text/javascript" src="../../js/m_text.js"></script>
	<script type="text/javascript" src="j1.js"></script>
	<script type="text/javascript">


window.onload = startRender;

	</script>

</body>
</html>